import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import Components from 'unplugin-vue-components/vite';
import AutoImport from 'unplugin-auto-import/vite';
import { VantResolver } from '@vant/auto-import-resolver';

// https://vitejs.dev/config/
export default defineConfig({
  /*
  配置完上面的host:'0,0,0,0’即可通过局域网让别人访问你的项目了
连接同一个网络的均可通过网络IP4地址(192.168.1.119)访问项目了
如果还是本地访问，把server对象注释了
  */
  server: {
    port: 8080,
    host: '0.0.0.0', // 配置项目可以局域网访问
    cors: true, // 默认启用并允许任何源
  },
  // 打包之后依赖的文件变为相对路径
  base: './',
  resolve: {
    alias: {
      // @代替了src之前的路径
      '@': path.resolve(__dirname, 'src'),
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        //如果有less变量文件需要引入，并在项目中使用变量
        additionalData: `@import "${path.resolve(__dirname, 'src/assets/vars.less')}";`,
      },
    },
  },
  plugins: [
    vue(),
    // 自动导入的依赖
    AutoImport({
      imports: ['vue', 'vue-router', 'pinia'],
    }),
    Components({
      resolvers: [
        // vant的默认样式，可进行修改
        VantResolver({
          importStyle: false,
        }),
      ],
    }),
  ],
});